<script>
  const header = [
    {name: 'Dashboard', link: '/admin/dashboard'},
    {name: 'Collections', link: '/admin/collections'},
    {name: 'Products', link: '/admin/products'},
    {name: 'Blogs', link: '/admin/blogs'},
    {name: 'Contact', link: '/admin/contact'},
    {name: 'About', link: '/admin/about'},
    {name: 'Files', link: '/admin/files'},
    {name: 'Settings', link: '/admin/settings'},
    {name: 'To Frontend', link: '/'}
  ];
</script>

<header class="header bg-gray-800 h-14 text-white flex items-center justify-center sticky top-0 z-50">
  <nav>
    <ul class="flex space-x-4">
      {#each header as item}
        <li>
          <a href="{item.link}" class="hover:underline">{item.name}</a>
        </li>
      {/each}
    </ul>
  </nav>
</header>
